import React from 'react'
import MovieOverview from './MovieOverview'
import TextBox from './TextBox'

class MovieFrontBox extends React.Component{
  render(){
    return (
        <div className="cpn-movie-front-box">
          {React.createElement(MovieOverview, this.props)}
          <TextBox value={this.props.comment}
            onChange={this.props.onCommentChange}
            mutiline={true}
            showCounter={true}
            limit={50}/>
          <button onClick={this.props.onSubmitComment}>快速发表评论</button>
        </div>
    )
  }
}

export default MovieFrontBox
